import { NavLink, Outlet } from 'umi';
import styled from 'styled-components'

const DemoBox = styled.div`
.nav-box{
  padding: 20px;
    border-bottom: 1px solid #000;
}
  .nav-box a{

    color: #000;
    text-decoration: none;
    font-size: 34px;
    margin-right: 30px;
    &.active{
      color: red;
    }
  }
`

export default function Layout() {
  return (
    <DemoBox>
      <nav className='nav-box'>
        <NavLink to='/'>首页</NavLink>
        <NavLink to='/demo/100'>测试</NavLink>
        <NavLink to='/personal'>个人</NavLink>
      </nav>
      <hr />
      <Outlet />
    </DemoBox>
  );
}
